<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
// (1) 計算を行うワーカを生成
var worker = new Worker("worker.js");

// (2) ワーカから結果を受け取る
worker.onmessage = function(event) {
  alert("合計は" + event.data + "です。");
};
worker.onerror = function(error) {
  alert(error);
};
function calculate() {
  var num = parseInt(document.getElementById("num").value, 10);
  // (3) ワーカに数値を渡す
  worker.postMessage({num: num});
}
</script>
</head>
<body>
<h1>1から入力値までの合計を算出</h1>
数値を入力:<input type="text" id="num">
<button onclick="calculate()">計算！</button>
</body>
</html>
